<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,minimal-ui" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="apple-mobile-web-app-title" content="天天来收租" />
  <meta name="format-detection" content="telphone=no, email=no" />
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="HandheldFriendly" content="true" />
  <meta name="MobileOptimized" content="320" />
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <meta name="screen-orientation" content="portrait" />
  <meta name="browsermode" content="application" />
  <meta name="full-screen" content="yes" />
  <meta name="x5-orientation" content="portrait" />
  <meta name="x5-fullscreen" content="true" />
  <meta name="x5-page-mode" content="app" />
  <title>奖励领取</title>
  <link rel="stylesheet" type="text/css" href="../css/public.css" />
  <link rel="stylesheet" type="text/css" href="../css/wealReward.css" />
  <link rel="stylesheet" href="../css/leyuan.css">
</head>

<body>
  <div class="zone">
    <div class="nav-bar" id="nav-bar"></div>

    <div class="main">
      <div class="content">
        <img class="catimg2" id="catimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/wealth/baoxiang.png" alt="" />
        <img class="catimg" src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/mao.png" alt="" />
        <p class="toptips txtShadowRed font14">
          活动期只保留10期，请及时领取
        </p>
        <div class="cabinet" id="cabinet">
          <!-- <div class="box">
              <div class="cab1 radius3 font14 txtShadowRed">期数：1155</div>
              <div class="thingbox">
                <div class="thingLeft">
                  <div class="thing">
                    <div class="thingin thingcoffee">
                      <img src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/6.png" alt="" />
                      <span>x50</span>
                    </div>
                    <img
                      class="thingdimg"
                      src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/dizuo.png"
                      alt=""
                    />
                  </div>
                  <div class="thing">
                    <div class="thingin thingorange">
                      <img src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/7.png" alt="" />
                      <span>x50</span>
                    </div>
                    <img
                      class="thingdimg"
                      src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/dizuo.png"
                      alt=""
                    />
                  </div>
                </div>
                <button class="recieve txtShadowRed font14">领取</button>
              </div>
              <p class="yellow"></p>
              <p class="orange"></p>
            </div>
            <div class="box">
              <div class="cab1 font14 txtShadowRed">期数：1155</div>
              <div class="thingbox">
                <div class="thingLeft">
                  <div class="thing">
                    <div class="thingin thingpurple">
                      <img src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/8.png" alt="" />
                      <span>x50</span>
                    </div>
                    <img
                      class="thingdimg"
                      src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/dizuo.png"
                      alt=""
                    />
                  </div>
                </div>
                <button class="recieve txtShadowRed font14 gray">已领取</button>
              </div>
              <p class="yellow"></p>
              <p class="orange"></p>
            </div>
            <div class="box">
              <div class="cab1 font14 txtShadowRed">期数：1155</div>
              <div class="thingbox">
                <div class="thingLeft">
                  <div class="thing">
                    <div class="thingin thingcoffee">
                      <img src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/6.png" alt="" />
                      <span>x50</span>
                    </div>
                    <img
                      class="thingdimg"
                      src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/dizuo.png"
                      alt=""
                    />
                  </div>
                  <div class="thing">
                    <div class="thingin thinggreen">
                      <img src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/9.png" alt="" />
                      <span>x50</span>
                    </div>
                    <img
                      class="thingdimg"
                      src="http://img.qxgs.cc/tiantianlaishouzu/img/reward/dizuo.png"
                      alt=""
                    />
                  </div>
                </div>
                <button class="recieve txtShadowRed font14">领取</button>
              </div>
              <p class="yellow"></p>
              <p class="orange radius4"></p>
            </div> -->
        </div>
        <button class="yijian" id="yijian">一键领取</button>
      </div>
    </div>
  </div>
  <!-- 砸蛋 恭喜获得 -->
  <div class="modal modal-tips2" style="display: none;" id="modal-tips2">
    <div class="modal-mask" id="close-tips2"></div>
    <div class="modal-body">
      <img class="zwyHover1" src="http://img.qxgs.cc/tiantianlaishouzu/img/turntable/gxhd.png" alt="">
      <div class="flexcolom">
        <img class="flexcolomimg0" src="http://img.qxgs.cc/tiantianlaishouzu/img/turntable/hdjl2.png" alt="">
        <div class="flexcolomin">
          <div>
            <img class="flexcolomimg1" id="recieveimg" src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi3.png" alt="">
          </div>
          <div class="floimg" id="floimg">
            <img class="flexcolog1" id="recieveimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/home/renwu.png" alt="">
            <div class="mingzi" id="mingzi">
              <p>底层公寓</p>
              <span>大凡可</span>
            </div>
          </div>
          <p id="recievenum"><span>500金币</span></p>
          <!-- <img class="flexcolomimg2" src="http://img.qxgs.cc/tiantianlaishouzu/img/turntable/lq.png" alt=""> -->
          <button class="tips2_recieve" id="tipsbtn">领取</button>
          <span>点击空白区域关闭</span>
        </div>
      </div>
    </div>
  </div>


  <!-- !能量存储 -->
  <div class="modal modal-jilu" id="modal-jilu">
    <div class="modal-mask"></div>
    <div class="modal-body">
      <div class="body_cen">
        <img class="xhao" id="xhao" src="http://img.qxgs.cc/tiantianlaishouzu/img/wealth/x.png" alt="">
        <div class="tupian"></div>
        <div class="top_lan"></div>
        <div class="top_name"> <span>期数</span><span>宝箱名称</span><span>获得物品</span></div>
        <div class="list_he">
          <div class="list" id="list_jlu">
            <!-- <div class="list_son">
              <div>1115</div>
              <div>楼主宝箱</div>
              <div class="jinbi"><img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/jinbi.png" alt="">188</div>
            </div>
            <div class="list_son"></div>
            <div class="list_son"></div>
            <div class="list_son"></div>
            <div class="list_son"></div>
            <div class="list_son"></div> -->
          </div>
          <div class="more" id="more">加载中...</div>
          <div class="empty" id="empty">
            <p id="meiyou">没有数据哦~</p>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 刘振龙 邮件领取成功 -->
  <div class="modal modal-getsuccess" id="modal-getsuccess">
    <div class="modal-mask"></div>
    <div class="modal-bodyemail">
      <div class="mask-titemail">
        <img class="modalbj1" src="http://img.qxgs.cc/tiantianlaishouzu/img/youjian/title2.png">
      </div>
      <div class="modal-contentemail">
        <div class="modal-contentemail2">
          <div class="modal-contentInemail2">
            <div class="emailList2">
              <div class="techBox">
                <!-- 邮件领取成功 -->
                <div class="line2" style="margin-bottom: 3px;"></div>
                <div class="edetailsList2" id="getsuccessList">


                  <div class="debox">
                    <div class="wups">
                      <img src="http://img.qxgs.cc/tiantianlaishouzu/img/check/1.png" alt="">
                    </div>
                    <p class="enums">10000</p>
                  </div>
                  <div class="debox">
                    <div class="wups">
                      <img src="http://img.qxgs.cc/tiantianlaishouzu/img/check/1.png" alt="">
                    </div>
                    <p class="enums">10000</p>
                  </div>



                </div>
              </div>

            </div>
            <img class="erecieve" id="close-getsuccess" src="http://img.qxgs.cc/tiantianlaishouzu/img/youjian/que.png" alt="">
          </div>
          <!-- <img class="bodybg" src="http://img.qxgs.cc/tiantianlaishouzu/img/youjian/bodybg.png" alt=""> -->
        </div>
      </div>
    </div>
  </div>
  <script src="../js/public.js" type="text/javascript" charset="utf-8"></script>
  <script src="../js/nav-bar.js" type="text/javascript" charset="utf-8"></script>
  <script src="../js/wealReward.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>